<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    console.log(11111);
</script>
<!-- 模块化载入时是异步的  => 等页面所有内容加载完毕在载入当前脚本 -->
<script type="module">
    // JS预编译: 变量提升  确认函数体  import也是在预编译阶段执行的
    import {a,addA} from "../js/md1.js";
    import {b,addB} from "../js/md2.js";
    
    console.log(22222);

    // console.log(a);
    // addA()
    // console.log(a);
    
    // console.log(b);
    // addB()
    // console.log(b);
    


</script>
<script>
    console.log(33333);
</script>
</html>